<template>
    <view class="search-box" @click="handleToClick">
        <image src="@/static/ic_search.png" mode="heightFix"></image>
        <text>请输入关键字</text>
    </view>
</template>
<!--   -->
<script setup>
const emits = defineEmits(['click'])

const handleToClick = () => {
    emits('click')
}
</script>

<style lang="scss" scoped>
.search-box {
    width: 710rpx;
    margin: 0 auto;
    height: 68rpx;
    background: #FFFFFF;
    border-radius: 10rpx;
    border: 2rpx solid #2462CB;
    display: flex;
    flex-direction: row;
    align-items: center;

    &:active {
        opacity: 0.7;
    }

    image {
        margin-left: 18rpx;
        width: 26rpx;
        height: 26rpx;
    }

    text {
        margin-left: 14rpx;
        font-size: 24rpx;
        color: #979797;
    }

}
</style>